<!DOCTYPE html>
<html ng-app="wxc">
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
    <meta name="msapplication-tap-highlight" content="no" />
    <link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet">
    <script src="http://www.runoob.com/static/ionic/js/ionic.bundle.min.js"></script>
    <title>学生线上应聘</title>
    <style type="text/css">
        #typeone {
        width:
        }
        .formItemDiff {
        width: 20px;
        height: 20px;
        background-image: url(../sxyapp/images/diff.png);
        background-position: 0px -575px;
        float: left;
        margin-top: 8px;
        }
        .formItemDiffFirst {
        margin-left: 20px;
        }
    </style>
    <!--=====================CSS部分=======================================-->
    <link href="css/normalize.css" rel="stylesheet">
    <!--<link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet">-->

    <!-- bootstrap组件 -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/bootstrap/css/font-awesome.min.css" rel="stylesheet" >
    <link href="lib/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" >

    <!--公共样式文件-->
    <link rel="stylesheet" type="text/css" href="css/themes.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link  rel="stylesheet" type="text/css" href="css/media.css">

    <!--=====================插件JS部分Start===============================-->

    <!--=================angular的JS部分==================================-->
    <script src="http://www.runoob.com/static/ionic/js/ionic.bundle.min.js"></script>
    <script src="lib/angular/angular.min.js"></script>
    <script src="lib/angular/angular-cookies.min.js"></script>
    <script src="lib/angular/angular-ui-router.min.js" type="text/javascript"></script>
    <script src="lib/angular/angular-resource.min.js" type="text/javascript"></script>

    <!--jquery -->
    <script type="text/javascript" src="lib/jquery.min.js"></script>

    <!-- bootstrap组件-->
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap-datetimepicker.js'></script>
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap-datetimepicker.zh-CN.js'></script>

    <!-- Fusion Charts组件-->
    <script type="text/javascript" src="lib/fusioncharts/fusioncharts.js"></script>
    <script type="text/javascript" src="lib/fusioncharts/themes/fusioncharts.theme.fint.js"></script>

    <!--=================项目的JS部分==================================-->
    <!--<script src="service/main.js"></script>-->
    <script src="js/controller.js"></script>
    <script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
    <script type="text/javascript" src="http://www.pengyaou.com/jquery-1.4.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(e) {
   $(".formItemDiff").hover(function() {
				$(this).css("background-position", "0px -555px");
				$(this).prevAll().css("background-position", "0px -555px");
				$(this).nextAll().css("background-position", "0px -575px");

				$("#pointP").html($(this).prevAll().length+1+"分");
			});
	});
	</script>

</head>

<body class="page_messageSet" ng-controller="JobListCtrl">
<div id="container" class="container">
    <!--页面的头部部分-->
    <header id="header">
        <span class="search_btn"><i class="icon-share"></i></span>
        <span class="back_btn"><i class="icon-angle-left"></i></span>
        <span class="header_title"><span>订单详情</span></span>
    </header>
    <!--主内容区域-->
    <!--<div style="margin-top: 42px; height:1px;width:100%">
        <div class="fourth_main">
            <div class="col-xs-3">
                <div class="col-demo">全城</div>
            </div>
            <div class="col-xs-3">
                <div class="col-demo">类型</div>
            </div>
            <div class="col-xs-3">
                <div class="col-demo">日期</div>
            </div>
            <div class="col-xs-3">
                <div class="col-demo">只看日结</div>
            </div>
        </div>
    </div>-->
    <div id="page_main">
        <div class="fourth_main">
            <l style="color:blue">订单状态</l>
        </div>
        <div >
            <img src="../sxyapp/images/process.png">
        </div>
        <div class="fourth_main">
            <l style="color:blue">订单信息</l>
        </div>
        <div class="five_main">
            <i class="icon-angle-right" style="margin-top:50px"></i>
            <div class="value">
                <l>兼职职位</l>&nbsp;&nbsp;&nbsp;&nbsp;<l><b>上海美吉姆【上海美吉姆】推广</b></l><br>
                <l>兼职日期</l>&nbsp;&nbsp;&nbsp;&nbsp;<l><b>6.20</b></l><br>
                <l>薪资工资</l>&nbsp;&nbsp;&nbsp;&nbsp;<l><b>120元/天</b></l><br>
                <l>结算方式</l>&nbsp;&nbsp;&nbsp;&nbsp;<l><b>周结</b></l><br>
            </div>
        </div>
        <div style="text-align:center;margin-top:2px;padding:8px">
            咨询小助手
        </div>
        <div class="fourth_main">
            <l style="color:blue">联系方式</l>
        </div>
        <div class="five_main">
            <i class="icon-angle-right"></i>
            <div class="title">
                <l>向燕燕</l>&nbsp;&nbsp;&nbsp;&nbsp;15000534470

            </div>
        </div>
        通常商家会主动联系，若长时间未联系，请主动联系商家进行确认。
        <div style="text-align:center;margin-top:2px;padding:8px">
            <b>同学帮帮免费服务热线：</b><l style="color:blue">4408565566</l>
        </div>

        <div class="bar bar-footer">
           <a href="../sxyapp/jobcancel.html"> <button class="button button-clear">取消报名</button></a>
            <!--<div class="title">Title</div>-->
            <!--<button class="button button-clear">咨询</button>-->
            <button class="button button-clear" style="width:200px;background:lightgreen;color:white">联系商家</button>
        </div>
       <!-- <ion-content>

            <ion-list show-delete="data.showDelete" on-delete="onItemDelete(item)" option-buttons="itemButtons">

                <ion-item ng-repeat="item in items" item="item" href="#/item/{{item.id}}">

                    <div class="fourth_main" >
                        &lt;!&ndash;<l>Item {{ item.id }}</l>&ndash;&gt;
                        <l>{{ item.title }}</l><br>
                        <l>{{ item.date }}</l><br>
                        <l>{{ item.add }}</l><br>
                        <l>{{ item.moneytype }}</l>
                        <l style="float: right;margin-right:20px;color:red;"><b>{{ item.price }}</b></l>
                    </div>
                </ion-item>

            </ion-list>

        </ion-content>-->
        <!--  <ion-item ng-repeat="item in items"
                    class="item-thumbnail-left">

              <img ng-src="{{item.img}}">
              <h2>{{item.title}}</h2>
              <p>{{item.description}}</p>
              <ion-option-button class="button-positive"
                                 ng-click="share(item)">
                  分享
              </ion-option-button>
              <ion-option-button class="button-info"
                                 ng-click="edit(item)">
                  编辑
              </ion-option-button>
              <ion-delete-button class="ion-minus-circled"
                                 ng-click="items.splice($index, 1)">
              </ion-delete-button>
              <ion-reorder-button class="ion-navicon"
                                  on-reorder="reorderItem(item, $fromIndex, $toIndex)">
              </ion-reorder-button>

          </ion-item>-->

    </div>
</div>
</body>
</html>

